<template>
	<view class="">
		<view class="buyGold">
			<view class="title">
				全部接受，方可继续购买
			</view>
			<view class="hint">
				根据民生银行要京，购买黄金产品前需确认如下乐款，请您仔细阅读,并确认接受。
			</view>
			<view class="mess">
				<view class="choose_item">
					<text>积存金产品是实盘交易，非保证金交易。</text>
					<switch :checked="false" type="checkbox" @change="" />
				</view>
				<view class="choose_item">
					<text>积存金可以通过预约提货申请到银行指定网点柜面兑换成实物金产品。</text>
					<switch :checked="false" type="checkbox" @change="" />
				</view>
				<view class="choose_item">
					<text>在银行柜面兑换实物金产品时,需要以现金形式支付提取手续费。</text>
					<switch :checked="false" type="checkbox" @change="" />
				</view>
				<view class="choose_item">
					<text>可以按照民生积存金报价卖出黄金账户的黄金份额。</text>
					<switch :checked="false" type="checkbox" @change="" />
				</view>
				<view class="choose_item">
					<text>积存金产品不保证最低收益，也不保证会发生本金亏损。</text>
					<switch :checked="false" type="checkbox" @change="" />
				</view>
			</view>
		</view>
		<view class="btnBox">
			<button type="default" class="reject">不接受</button>
			<button type="default" class="accept">全部接受</button>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.buyGold {
		padding: 70upx 40upx 0;

		.title {
			font-size: 32upx;
			color: #333333;
			margin-bottom: 50upx;
		}

		.hint {
			font-size: 24upx;
			color: #999999;
			line-height: 35upx;
		}

		.mess {
			margin-top: 102upx;

			.choose_item {
				font-size: 24upx;
				color: #333333;
				padding: 42upx 0 36upx;
				display: flex;
				justify-content: space-between;
				border-bottom: 1upx solid #e7e7e7;

				switch {
					margin-left: 60upx;
				}
			}
		}
	}
	.btnBox{
		display: flex;
		position: absolute;
		bottom: 0;
		height: 120upx;
		.reject{
			width: 35vw;
			line-height: 120upx;
			background-color: #f3f3f3;
			color: #a2a2a2;
		}
		.accept{
			width: 65vw;
			line-height: 120upx;
			background-color: #3475f1;
			color: #FFFFFF;
		}
	}
</style>
